<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		#include("common/header.html")
		<link type="text/css" rel="stylesheet" href="/css/center.css" />
		<title></title>
	</head>
	<body>
		<header style="background: #005aab;" class="mui-bar mui-bar-nav head">
			<!--<span class="mui-icon mui-icon-back"></span>-->
			<h1 style="color: #FFFFFF; letter-spacing: 4px;" class="mui-title">个人中心</h1>
			<!--<span class="mui-icon mui-icon-more"></span>-->
		</header>
		<nav style="background: #cccccc;" id="bottomx" class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="/business/">
				<span class="mui-icon iconfont icon-qiyedengji-copy"></span><br>
				<span class="mui-tab-label">业绩登记</span>
			</a>
			<a class="mui-tab-item " href="/integral/">
				<span class="mui-icon iconfont icon-icon18"></span><br>
				<span class="mui-tab-label">积分兑换</span>
			</a>
			<a class="mui-tab-item mui-active" href="/v/center">
				<span class="mui-icon iconfont icon-gerenzhongxin"></span><br>
				<span class="mui-tab-label">个人中心</span>
			</a>
		</nav>
		<div class="mui-content">
			<div class="mui-content_tab">
				<div class="mui-content_tab_item href_btn" data-href="/v/info">
					<img src="/img/center_type1.png" />
					<span>修改资料</span>
				</div>
				<div class="mui-content_tab_item href_btn" data-href="/v/address">
					<img src="/img/center_type2.png" />
					<span>我的地址</span>
				</div>
				<div class="mui-content_tab_item href_btn" data-href="/v/password">
					<img src="/img/center_type3.png" />
					<span>修改密码</span>
				</div>
				<div class="mui-content_tab_item href_btn" data-href="/v/receive">
					<img src="/img/center_type4.png" />
					<span>领取积分</span>
				</div>
				<div class="mui-content_tab_item href_btn" data-href="/v/about">
					<img src="/img/center_type5.png" />
					<span>关于我们</span>
				</div>
			</div>
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell">
			    	<span class="sp1">姓名</span>
			    	<span class="sp2">$!{userInfo.name}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">身份证</span>
			    	<span class="sp2">$!{userInfo.idCard}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">省/市</span>
			    	<span class="sp2">$!{userInfo.province}</span>
			    	<span style="margin: 0 5px;">省</span>
			    	<span class="sp2">$!{userInfo.city}</span>
			    	<span style="margin: 0 5px;">市</span>
			    	<span class="sp2">$!{userInfo.area}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">服务机构</span>
			    	<span style=" vertical-align: top;margin-top: 10px;" class="sp2">$!{userInfo.serviceOrg}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">部门</span>
			    	<span class="sp2">$!{userInfo.dept}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">领导</span>
			    	<span class="sp2">$!{userInfo.leaderMobile}</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="sp1">手机号</span>
			    	<span class="sp2">$!{userInfo.mobile}</span>
			    </li>
			</ul>
		</div>
	</body>
	<script>
		mui.init();

        nav_tab();
	</script>
</html>
